<template>
  <div class="container">
    <div class="sideBar">
      <router-link
        active-class="active"
        to="/solution/Accident"
        >Accident</router-link
      >
      <router-link
        active-class="active"
        to="/solution/chemical"
        >Chemical</router-link
      >
      <router-link
        active-class="active"
        to="/solution/Consumable"
        >Consumable</router-link
      >
      <router-link
        active-class="active"
        to="/solution/equipmentPersonnel"
        >EquipmentalPersonnel</router-link
      >
      <router-link
        active-class="active"
        to="/solution/wasteChemical"
        >WasteChemical</router-link
      >
    </div>
    <div class="content">
      <router-view></router-view>
    </div>
  </div>
</template>

<script setup lang="ts" name="SolutionIndex"></script>

<style scoped>
.container {
  margin-top: 100px;
}
</style>
